doctype
html(lang="en")
    head
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        meta(http-equiv="Content-Type", content="text/html; charset=UTF-8")
        title Impress demo
        link(rel="stylesheet", type="text/css", href="lib/impress.css")
    body
        .impress-not-supported
        .desc(style="position:fixed;left:30%;top:10%") 使用键盘 &darr; 观看
        #impress
            .step(data-x="0" data-y="0") 我叫马成达。
            .step(data-x="500" data-y="-400") 帅气！
            .step(data-x="900" data-y="-400") 风趣！
            .step(data-x="900" data-y="-800") 幽默！
            .step(data-x="900" data-y="-1200" data-scale="0.5") 智慧过人！
            .step(data-x="1100" data-y="-800" data-rotate="90") 优点数不过来！
            .step(data-x="1100" data-y="-400" data-rotate-x="30" data-rotate-y="-30" data-rotate-z="90" data-scale="0.1") 这点我自己都比较烦恼！
            .step(data-x="1100" data-y="-400" data-rotate-x="30" data-rotate-y="-30" data-rotate-z="-90" data-scale="2") 总结起来就一个字 我是天才...天才...才...
            //#overview.step(data-x="900" data-y="0" data-scale="3")


        script(src="lib/impress.js")
        script impress().init()
